<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>react  初体验</title>
</head>
<!-- 1. 引入 react  核心文件    暴露一个对象 React -->
<script src="./js/react.development.js"></script>
<!-- react  操作DOM 的文件  暴露一个对象 ReactDOM -->
<script src="./js/react-dom.development.js"></script>
<body>
    <!-- 2. 创建 容器元素 -->
    <div id="root"></div>

    <script>

        // 3. 创建 react 元素  createElement(标签名，{标签属性},标签体内容)
        let vdom = React.createElement("h1",{title:"react初体验"},"hello world!");

        // 4. 将 react元素渲染到页面中  render[渲染]
        ReactDOM.render(vdom,document.getElementById("root"));

    </script>
</body>
</html>